@import './theme/default';

.zent-sortable {
  &__fallback {
    @include theme-color(background-color, stroke, 9, 0.5);
  }

  &:not(&--grabbing):not(&--handle) > * {
    cursor: grab;
  }

  .zent-sortable__drag {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    opacity: 0.3;
  }

  .zent-sortable__ghost {
    position: relative;

    &::before {
      @include theme-color(background-color, stroke, 8);
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }
  }
}
